<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>
export default {

}
</script>
<style lang="less">
	body{
	  background: #f3f6f8;
	  color: rgb(47, 47, 47);
	  font-weight: 400;
	}
	p {
	  margin: 8px 0;
	}
	pre {
	  white-space: pre-wrap;
	}
	.formline {
		clear:both;
		width: 100%;
		padding: 20px 0;
		border-top:2px dashed #eee;
	}
	.tableimg {
		height: 60px;
		max-width: 60px;
		border-radius:5px;
	}
	.tableavatar{
		height: 30px;
		max-width: 30px;
		border-radius:5px;
	}
	.common-filter-select {
		height:32px;
		background:rgba(0,0,0,0.04);
		border-radius:2px;
		color:rgba(0,0,0,0.65);
		.h-select-value-single, .h-select-placeholder {
			height:32px;
			line-height:32px;
		}
	}
	.common-filter-bar {
		min-height: 40px;
	}
	.h-notice-container {
		z-index: 1001 !important;
	}
	.app-edit {
		width: 80vw;
		.input-group{
			position: relative;
			display: flex;
		}
		.input-addon{
			padding: 0 5px;
			min-width: 24px;
		}
		.h-select{
			margin: 0;
		}
		.h-panel-body {
			padding: 15px;
		}
		.setting-form {
			margin: 0 0 0 -15px;
		}
		.guanbi{
			color: #ff0000;
		}
	}
</style>
